<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<h2>使一个特定的表格隔行变色</h2>
		<table id="tb">
			<tbody>
				<tr>
					<td>第一行</td>
				</tr>
				<tr>
					<td>第二行</td>
				</tr>
				<tr>
					<td>第三行</td>
				</tr>
				<tr>
					<td>第四行</td>
				</tr>
				<tr>
					<td>第五行</td>
				</tr>
			</tbody>

		</table>
		<script>
			// 首先获取表格中tr元素，然后对tr元素的索引进行判断，根据奇偶来设置不同的背景色
			var item=document.getElementById("tb");
			var tbody=item.getElementsByTagName("tbody")[0];//获取表格中第一个tbody元素
			var trs=tbody.getElementsByTagName("tr");
			for(var i=0;i<trs.length;i++){
				if(i%2==0){
					trs[i].style.background="red";
				}
			}
		</script>
	</body>

</html>